const path = require('path')
// const { defineConfig } = require('@vue/cli-service')

// module.exports = defineConfig({
module.exports = {
  publicPath: '/e-commerce/', // github Pages部署时加上项目名
  transpileDependencies: true,
  lintOnSave: false, // 关闭eslintrc语法检查
  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less',
      // 哪些文件自动引入，使用绝对路径
      // 需要是path.join来拼接完整路径
      patterns: [
        path.join(__dirname, './src/assets/styles/variables.less'),
        path.join(__dirname, './src/assets/styles/mixins.less')
      ]
    }
  },
  // 配置10kb下的图片打包成base64的格式
  chainWebpack: config => {
    // 图片加载
    config.module
      .rule('images')
      .set('parser', {
        dataUrlCondition: {
          maxSize: 10 * 1024 // 10KiB
        }
      })
  },
  // 跳过检查host
  // 这个是给webpack-dev-server开启可IP和域名访问权限。
  devServer: {
    // host: 'www.corho.com',
    port: 8080,
    allowedHosts: ['www.corho.com']
  },
  // 这个是设置外部扩展，模块为qc变量名为QC，导入qc将不做打包。
  configureWebpack: {
    externals: {
      qc: 'QC'
    }
  }
  // })
}
